import { View, Text } from "@tarojs/components";
import React from "react";

import "./mine.scss";

export default function Mine() {
  return (
    <View className="account-container">
      <view className="user_info_wrap">
        <view v-if="userinfo.test" className="user_img_wrap">
          <image className="user_bg"></image>
          <view className="user_info">
            <image className="user_icon" src="userinfo.avatarUrl"></image>
            <view className="user_name"></view>
          </view>
        </view>
        <view v-else className="user_btn">
          <button className="loginBtn" onClick="loginFunc">
            点击登入
          </button>
        </view>
      </view>
      {/* 我的服务 */}
      <view className="user_content">
        <view className="user_main">
          <view className="orders_wrap">
            <view className="orders_title">我的服务</view>
            <view className="order_content">
              <navigator url="/pages/order/index?type=1">
                <image
                  src="http://ww1.sinaimg.cn/large/005NUwyggy1gtkuf91m14j60290290sk02.jpg"
                  mode="scaleToFill"
                  lazy-load="false"
                  className="serviceImg"
                ></image>
                <view className="order_name">我的订单</view>
              </navigator>
              <navigator url="/pages/order/index?type=2">
                <image
                  src="http://ww1.sinaimg.cn/large/005NUwyggy1gtkujw2x5gj6029029q2r02.jpg"
                  mode="scaleToFill"
                  lazy-load="false"
                  className="serviceImg"
                ></image>
                <view className="order_name">我的收藏</view>
              </navigator>
              <navigator url="/pages/order/index?type=3">
                <image
                  src="http://ww1.sinaimg.cn/large/005NUwyggy1gtkulmkyk4j602902974402.jpg"
                  mode="scaleToFill"
                  lazy-load="false"
                  className="serviceImg"
                ></image>
                <view className="order_name">我的报告</view>
              </navigator>
              <navigator>
                <image
                  src="http://ww1.sinaimg.cn/large/005NUwyggy1gtkum2a0xmj6029029glh02.jpg"
                  mode="scaleToFill"
                  lazy-load="false"
                  className="serviceImg"
                ></image>
                <view className="order_name">咨询订单</view>
              </navigator>
            </view>
          </view>
        </view>
      </view>
      {/* 常见工具 */}
      <view class="service_content">
        <view class="user_main">
          <view class="orders_title">常见工具</view>
          <view class="order_content">
            {/* <u-cell-group class="choose">
              <u-cell-item
                icon="kefu-ermai"
                title="更多问题"
                arrow-direction="right"
                arrow="true"
              ></u-cell-item>
              <u-cell-item
                icon="man-add"
                title="了解我们"
                arrow-direction="right"
                arrow="true"
              ></u-cell-item>
            </u-cell-group>
            <view v-if="userinfo.test" class="user_img_wrap">
              <u-button class="logoutBtn">退出</u-button>
            </view> */}
          </view>
        </view>
      </view>
    </View>
  );
}
